body {
	font-family: GothamLight, Arial;
	background-color: #eeeeee;
}

#ctl00_ctl00_MC_PH_pnl_CartTotalVATPanel { display:none !important; }

@font-face {
    font-family: GothamLight;
    src: url(fonts/Gotham Light.otf);
}

@font-face {
    font-family: GothamBlack;
    src: url(fonts/GothamBlack.ttf);
}

/* AENDRING AF FARVER PÃ… LINKS. HOVER ER MOUSEOVER EFFEKTEN */

a {
	color: #333333;
}

a:hover {
	color: #575859;
	text-decoration: none;
}

/* END */



/* NAVBAR ER DEN OEVERSTE BJAELKE HVOR LOGO OG MENU ER */

.navbar {
    background: #FFFFFF;
    border: transparent;
    border-bottom: 3px solid #ffd300;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2); 
}

.navbar-brand {
    font-weight: 200;
    color: #FFFFFF !important; }
  @media (min-width: 1200px) {
    .navbar .navbar-nav {
      margin-right: 0; } }
  .navbar .navbar-nav > li > a {
    font-size: 14px;
    text-transform: uppercase;
    font-family: Gotham-Light, Arial;
    color: #1a1a1a;
    transition: all 0.5s ease; }
    .navbar .navbar-nav > li > a:hover {
    background: transparent;
    color: #575859; }
    .navbar .navbar-nav > li > a.navbar-nav-cart {
     background: #e30613;
     color: white;
     font-weight: 200; }
      .navbar .navbar-nav > li > a.navbar-nav-cart:hover,
      .navbar .navbar-nav > li > a.navbar-nav-cart:focus {
        background: #ffd300;
        color: #FFFFFF; }
    .navbar .navbar-nav > li > a i {
      margin-right: 5px; }
  .navbar .navbar-nav > .active > a {
    color: #575859;
    background: transparent !important; }
  .navbar .navbar-nav > .open > a,
  .navbar .navbar-nav > .open > a:focus
> .open > a:hover {
    color: #333333 !important;
    background: #FFFFFF !important; }
  .navbar .navbar-nav > li > .dropdown-menu {
    max-height: 400px;
    overflow: auto; }
    .navbar .navbar-nav > li > .dropdown-menu > li > a {
      padding: 5px 15px; }

/* END NAVBAR */



/* DROPDOWN MENU */

.dropdown-menu {
	padding: 0; }

  .dropdown-menu > li:not(:last-child) {
    border-bottom: 1px solid #ddd; }

  .dropdown-menu > li > a {
    color: #1a1a1a;
    font-weight: bold;
    padding: 10px 15px !important; }

    .dropdown-menu > li > a i {
      margin-right: 8px; }

  .dropdown-menu > li:first-child > a {
    border-radius: 4px 4px 0 0; }

  .dropdown-menu > li:last-child > a {
    border-radius: 0 0 4px 4px; }

  .dropdown-menu-cart {
    min-width: 280px; }
        
.dropdown-menu-cart .btn-checkout {
  display: block;
  border-radius: 0 0 3px 3px;
  /*margin: 0 -1px -1px;*/
  line-height: 25px; }

.sidebar .nav .nav-category {
    color: #999;
    padding-left: 40px;
    position: relative;
    font-weight: 500;
    text-transform: uppercase; }

.sidebar .nav .nav-category:hover {
    color: #67a2a4; }

/* END DROPDOWN MENU */



/* BAGGRUND OG FARVER FOR DROPDOWN MENU */

#impleomenu-cat > li > .k-link {
    padding-top: 15px;
    border: 0;
    padding-bottom: 15px;
    line-height: 20px;
    background: transparent;
    color: #1a1a1a;
}

/* END */



/* MOUSEOVER EFFEKT FOR DROPDOWN MENU */

#impleomenu-cat > li > div > ul > li > a.k-link {
    background-color: transparent !important;
    border: 0;
    color: #1a1a1a;
    transition: all 0.5s ease;
}

.k-link { 
	color: #1a1a1a;
    font-size: 14px;
    border: 0px;
    text-transform: uppercase;
    font-family: Gotham-Light, Arial;
}
.k-state-active { color: #1a1a1a !important;
    background: #ffd300 !important;
    border: 0px;
    text-transform: uppercase;}
.k-state-hover { color: #1a1a1a !important;
	border: 0px;
    background: #ffd300 !important;}

/* END MENU */



/* MENU NIVEAU 2 SAMT HOVER EFFEKTEN */

#impleomenu-cat > li>div>ul>li:not(:last-child) {
    border-bottom: 0px solid #ddd;
}

#impleomenu-cat > li > div > ul > li {
    color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    font-weight: normal;
    font-size: 12px;
    width: 270px;
}

#impleomenu-cat > li > div > ul > li.k-state-hover {
    background-color: #EEEEEE!important;
    color: #333333;
}

/* END MENU 2 */



.k-menu .k-image, .k-menu .k-item>.k-link>.k-icon, .k-menu .k-sprite {
    margin: -2px 4px 0 -4px;
    vertical-align: middle;
    display: none;
}


/* JUMBOTRON ER BJAELKEN DER INDENHOLDER OVERSKRIFTER OG SOEGNING */


.jumbotron-inner h1 {
    letter-spacing: 0px;
    font-family: Gotham-Black, Arial;
    text-transform: uppercase;
    color: #E30613;
}

 .jumbotron-heading {
    margin: 0;
    font-size: 36px !important;
    line-height: 36px;
    font-weight: bold;
    float: left; 
}
.jumbotron.jumbotron-productspage {
    background-image: url(shell-express-eight.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jumbotron-inner  {
    background-image: url(shell-express-eight.jpg);}

/* ALT MED BTN (BUTTON) AENDRER PÃ… KNAPPERNE */

.btn {
  transition: all 0.3s ease;
  font-family: Gotham-Light, Arial; }
  .btn-lg {
    border-radius: 4px; }
  .btn-primary {
    background: #e30613;
    border-color: #c30613; }
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.active {
    background: #ffd300;
    border-color: #ffd300; }

.btn-link {
    color: #00b2e2;
    text-decoration: none !important; }

.btn-link.text-danger {
    color: #d43f3a !important; }

    .btn-link.text-danger:hover {
    color: #b42c27 !important; }

    .btn-link.text-success {
    color: #5cb85c !important; }

    .btn-link.text-success:hover {
    color: #449d44 !important; }

  .btn-outline {
    border: 1px solid #00b2e2;
    color: #00b2e2;
    border-radius: 4px;
    text-decoration: none !important;
    background: transparent; }

    .btn-outline-inverse {
    border: 2px solid #999;
    color: #ccc; }

    .btn-outline-inverse:hover {
    color: white;
    border-color: white; }


.btn-file {
  position: relative;
  overflow: hidden; }

  .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;

    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block; }


/* OVERSKRIFTER I KATEGORI- OG PRODUKTVISNING */

.panel-product-heading {
	font-family: GothamLight, Arial;
	text-align: center;
	font-size: 14px;
	font-weight: 100;
	line-height: 19px;
	max-height: 42px;
    overflow: hidden; }
    
/* END OVERSKRIFTER */



/* AENDRING AF FARVEN PÃ… LAEG I INDKOEBSKURV */

.btn-success {
color: #FFFFFF;
background-color: #e30613;
border-color: #e30613;
}

.btn-success:hover {
color: #FFFFFF;
background-color: #ffd300;
border-color: #ffd300;
}

/* END */



/* ANGIVELSE AF STOR PRIS DER SES I TILPAS PRODUKT */

.panel-options .total-price {
color: #575859;
font-size: 32px;
line-height: 34px;
margin: 0px 0px 3px;
}

/* END */



/* ANGIVELSE AF LILLE PRIS DER SES I TILPAS PRODUKT */

.panel-preview-price {
color: #575859;
}

/* END */



/* ANGIVELSE AF LILLE PRIS DER SES I INDKOEBSKURV */

.cart-price {
  color: #575859;
  float: right;
  margin: 0;
}

  .cart-total .cart-price {
    font-weight: bold;
}

/* END */



/* TEKSTER PAA LOGIN SIDE */

.login-page {
  padding-top: 0;
  height: 100%;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 53px; }
  .login-page-heading {
    color: #FFFFFF;
    font-family: Gotham-Black, Arial;
    text-transform: uppercase;
    text-align: center;
    margin: 50px 0 10px;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.3); }
  .login-page-description {
    color: #FFFFFF;
    font-family: Gotham-Light, Arial;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
    margin: 0 0 0px; }
  .login-page .panel-login {
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

/* END */



/* SPINNER ER HER HVOR SIDEN LOADES */

.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: 0;
	margin-top: 0;
	text-align: center;
	z-index: 1234678;
	overflow: auto;
	width: 128px;
	height: 128	px;
}
#fade {
    display: none;
    position:fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}
#spinner3 {
    display: none;
    position: fixed;
    top: 45%;
    left: 45%;
/*    width: 150px;
    height: 150px;*/
    padding:0px;
    border: 0px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:0px;
    background-color: #ffd300;
    z-index: 1002;
    text-align:center;
    overflow: auto;
}

/* END */



/* OVERSKRIFTER I CHECKOUT - KONTAKTINFORMATION M.FL. */

.checkout-page-content .panel-title {
  font-weight: bold;
  font-family: Gotham-Light, Arial;
  color: #999; }
  
/* END */



/* OVAL BADGE UNDER MIN PROFIL - ORDREHISTORIK OG GEMTE DATA */

.section-profile .nav .badge {
    position: relative;
    top: -2px;
    background: #575859; }
    
/* END BADGE */







.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #ffd300;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ffd300;
}
.nav-pills > li > a {
    border-radius: 4px;
    
}    
    
 /* TEST AF SKJULNING AF SOEGNING */

 #ctl00_MC_PH_pnl_CartRSide::after {
  content: 'VIGTIGT: Husk at ligge ALLE dine ønskede varer i kurv inden du klikker ”Bekræft og send ordre” så kun skal betale forsendelse én gang.Vores automatiske produktionsflow gør, at vi desværre ikke kan samle forsendelsesomkostninger for to separate ordrer, selvom de er afgivet inden for et kort tidsinterval.';
  width: 440px;
  display: block;
  text-align: center;
  margin: 40px auto 0;
}